*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}
body{
    font-family: Microsoft YaHei;
    background: #f4f5f8;
    background-image: url("../img/huya_1557200420_content.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.ov{
    overflow:hidden;
}
.container{
    width: 980px;
    margin: auto ;
}
.nav{
    height: 60px;
}
.nav img{
    width: 120px;
    height: 36px;
    margin-top: 12px;
}
.nav a{
    float: left;
    display: block;
    padding:3px 15px 5px;
    margin: 14px 3px;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    position: relative;
}
.nav a:hover{
    background: #ff9c00;
}
.nav .jc{
    overflow: hidden;
    padding-right: 20px;
    padding-left: 13px;
 }
.nav .duo:hover span{
    transform: rotate(180deg);
}
.nav .duo:hover a{
    background: #ff9600;
}
.nav .duo span{
position: absolute;
    width: 9px;
    height: 5px;
    right: 7px;
    top:12px;
    background: url("../img/san.png") no-repeat;
    transition: .5s;
}
.nav .huang{
    background: #ff9600;
    margin-left: 30px;
}
.nav .n3-y{
    position: absolute;
    width: 325px;
    padding:7px  15px 15px 15px;
    display:block;
    top: 49px;
    left:335px;
    z-index: 99;
    background-color: #fff;
    border-top: 2px solid  #f80;
    box-shadow: 0 3px 8px 2px rgba(1,1,1,.2);
    border-radius: 8px 6px;
    display: none;
}
.di1 li{
    float: left;
    margin: 0 5px 5px 0;
}
.di1 h5{
    font-size: 15px;
    color: #555;
    margin: 5px 0px 10px 0px;
}
.di1 a{
    display: block;
    width: 90px;
    height: 22px;
    border: 1px solid #e3e7e8;
    text-align: center;
    border-radius: 11px;
    color: #666;
    font-size: 12px;
    margin: 0px;
    line-height: 13px;
}
.di1 a:hover{
    border: 1px solid #e3e7e8;
    color: white;
}
.n3-y>div,.n4-y>div{
    position: relative;
}
.n3-y div i{
    top:-14px;
    left: 49%;
    position: absolute;
    display: block;
    width: 18px;
    height:8px;
    background: url("../img/jian.png") no-repeat;
}
.n3-y .gd{
    display: block;
    color: #333;
    width:95%;
    margin: auto;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    background: #f1f2f4;
}
.n3-y .gd:hover{
    color: white;
}
.jia{
    z-index: 99;
    background-color: #fff;
    border-top: 2px solid #f80;
    box-shadow: 0 3px 8px 2px rgba(1,1,1,.2);
    border-radius: 8px 6px;
}
.n4-y ,.n5-y{
    position: absolute;
    width: 280px;
    padding: 15px 0px;
    left: 430px;
    top: 49px;
    display: none;
}
.n4-y div i{
    top:-22px;
    left: 49%;
    position: absolute;
    display: block;
    width: 18px;
    height:8px;
    background: url("../img/jian.png") no-repeat;
 }
.n4-y h5 ,.n5-y h5{
    margin-left: 15px;
    font-size: 15px;
    color: #555;
}
.di2{
    margin-bottom: 15px;
}
.di2 li a{
    float: none;
    width: 100%;
    border-radius:0;
    line-height: 25px;
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 0px 15px;
}
.di2 li a:hover{
    background: #f1f1f1;
}
.di2 li,.di3 li{
    overflow: hidden;
}
.di2 li span{
    float: left;
    margin-top: 3px;
    width: 17px;
    height: 17px;
    background: url("../img/ding.png");
   background-color: #f80;
    background-position: 0px -1px;
    border-radius: 50%;
    margin-right: 5px;
}
.di2 li .hui{
    float: left;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    background: url("../img/hui.png");
    background-position: 0px 0px;
    border-radius: 50%;
    margin-right: 5px;
}
.di3 li{
    padding-left: 15px;
    font-size:12px ;
    line-height: 30px;
}
.di3 li a{
    float: right;
    padding: 0;
    margin: 0;
    width:40px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    background: #7CC6FF;
    margin-top:3px;
    margin-right: 15px;
}
.di3 li span{
    padding-left: 10px;
    color: #62B5F7;
    padding-right: 5px;
}
.di4 li a{
    float: none;
    width: 100%;
    border-radius:0;
    line-height: 25px;
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 0px 15px;
}
.jiaa{
    width:300px;
    left: 493px;
    top: 49px;
}
.n5-y div i{
    top:-7px;
    left: 49%;
    position: absolute;
    display: block;
    width: 18px;
    height:8px;
    background: url("../img/jian.png") no-repeat;
}
.di4 span{
    display: block;
    float: left;
    width: 17px;
    height: 19px;
    padding-right: 2px;
    line-height: 19px;
    margin-right:8px;
    margin-left: 8px;
    background: url("../img/shen.png");
    margin-top: 3px;
    text-align: center;
    color: #ffffff;
}
.di4 .qianl{
    background: url("../img/qina.png");
}
.di4 li a:hover{
    background: #f1f1f1;
}
.inp{
    position: relative;
    padding:5px 8px 8px;
    background: rgba(255,255,255,.2);
    margin: 12px 0 0 20px;
    border-radius: 20px;
}
.inp input{
    border: none;
    outline: none;
    background: transparent;
    height:20px;
    color: white;
    font-size: 12px;
    margin-right: 20px;
}
.inp button{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    border: none;
    background: transparent;
    cursor: pointer;
    background-image: url("../img/jin.png");
    background-repeat: no-repeat;
    background-position: 7px center;
    outline: none;
}
.you{
    font-size: 14px;
    color: #ffffff;
    opacity: .8;
}
.li{
   margin: 20px 5px;
    cursor: pointer;
    padding-right: 8px;
}
.li i{
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url("../img/shi.png") no-repeat;
}
.deng,.sp,.zhu{
    margin: 20px 5px;
    cursor: pointer;
}
.deng i {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url("../img/ren.png") no-repeat;
}
.head-le{
        width: 835px;
    height: 467px;
    position: relative;
}
.head-le .zai{
    position: absolute;
    width:100%;
    height:467px;
    top:0;
    background: #000;
    padding-top: 145px;
    text-align: center;
    font-size: 18px;
    color: white;
    display: none;
    cursor: pointer;
}
.head-le .zai img{
    width: 250px;
    height: 75px;
    margin-bottom: 20px;
}
.head-le img{
    width: 100%;
    height: 467px;
    cursor: pointer;
}
.head-ri{
    width: 145px;
    height: 467px;
    background: rgba( 0,0,0,.8);
}
.head-ri ul{
    width: 129px;
    margin: auto;
}
.head-ri li{
    width: 129px;
    height: 71px;
    margin-top: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,.6);
    border-radius: 6px;
    position: relative;
    cursor: pointer;
}
.head-ri .o{
    width: 100%;
    border: 2px solid transparent;
    border-radius: 6px;
    margin-bottom: 6px;
}
.head-ri li img{
    width: 120%;
    height: 67px;
    margin-left:-12px;
}
.head-ri .i{
    padding: 0;
    height:67px;
    border-radius: 5px;
}
.head-ri .huang{
    border: 2px solid #ff9c00;
}
.head-ri .i:after{
    content:"";
    position: absolute;
    top:43%;
    left: -13px;
    width: 1px;
    border: 6px solid transparent;
    border-right-color:transparent;
}
.head-ri .huang .i:after{
    border-right-color:#ff9c00;
}
.head-ri .huang:after{
    border-right-color:#ff9c00;
}
.head-ri .o:hover{
    border: 2px solid #ff9c00;
}
.head-ri li:hover .i:after{
    border-right-color:#ff9c00;
}
header{
    overflow: hidden;
    margin-bottom: 15px;
}
.main-h-g{
    width: 50%;
    margin-bottom: 15px;
}
.ma-h-l-t h3{
    font-weight: 100;
    margin: 2px 8px;
}
.ma-h-l-t li{
    float:left;
    font-size: 12px;
    padding-top: 11px;
}
.ma-h-l-t a{
    display: inline-block;
    color: #555;
}
.col{
    overflow: hidden;
    width: 156px;
    height: 88px;
    font-size: 12px;
    border-radius: 5px;
    margin: 8px 6px 0px 0px ;
}
.col1{
    background:url("../img/t1.jpg");
    background-repeat: no-repeat;
    background-size:100%;
}
.col2{
    background:url("../img/t2.jpg");
    background-size:100%;
}
.col3{
    background:url("../img/t3.jpg");
    background-size:100%;
}
.col4{
    background:url("../img/4.jpg");
    background-size:100%;
}
.col5{
    background:url("../img/5.jpg");
    background-size:100%;
}
.col6{
    background:url("../img/6.jpg");
    background-size:100%;
}
.col7{
    background:url("../img/7.jpg");
    background-size:100%;
}
.col8{
    background:url("../img/9.jpg");
    background-size:100%;
}
.col9{
     background:url("../img/8.jpg");
     background-size:100%;
 }
.col10{
    background:url("../img/10.jpg");
    background-size:100%;
}
.col11{
    background:url("../img/11.jpg");
    background-size:100%;
}
.col12{
    background:url("../img/12.jpg");
    background-size:100%;
}
.col a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.col span{
    position: absolute;
    display: block;
    width: 100%;
    padding-bottom: 2px;
    background:rgba(0,0,0,.2);
    bottom: 0px;
    padding-left: 10px;
}
.col img{
    width: 50px;
    height:50px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    transition: .4s;
    opacity: 0;
}
.col a:hover img{
    width: 35px;
    height: 35px;
    bottom: 28px;
    opacity: 1;
}
.col p{
    position: absolute;
    top:2px;
    right: 5px;
    padding: 2px 3px;
    background:rgba(0,0,0,.6);
    border-radius: 4px;
    opacity: 0;
    transition: .6s;
}
.col a:hover p{
    opacity: 1;
}
.main-m{
    margin-top: 35px;
}
.main-m-l{
    width: 316px;
    height: 217px;
    border-radius: 5px;
}
.swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper-button-next i{
    display: block;
    width:40px;
    height: 30px;
    margin-right: 28px;
    margin-top: 20px;
    background: url("../img/youjian.png") no-repeat center;
}
.swiper-button-prev i{
    display: block;
    width:40px;
    height: 30px;
    margin-left: 28px;
    margin-top: 20px;
    background: url("../img/zuojian.png") no-repeat center;
}
.main-m-z{
    width: 342px;
    height: 217px;
    margin: 0 16px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}
.tujia{
    position: absolute;
    top:0;
    right: 0;
    cursor: pointer;
}
.main-m-z h3{
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
}
.main-m-z h3 a{
    font-size: 20px;
    color: #ff9c00;
}
.saishi li{
    width: 100%;
    background: url("../img/xiao.png") no-repeat 13px 10px ;
    padding-left: 25px;
}
.saishi li:hover a{
    color:#ff9c00;
}
.saishi a{
    display:block;
    width: 235px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    line-height: 28px;
    font-size:14px;
    color: #555;
}
.saishi .aaa1{
    padding-left: 28px;
}

.saishi span{
    color: #777777;
    font-size: 12px;
    line-height: 28px;
    margin-right: 10px;
}
.gui a{
    display: inline-block;
    height: 26px;
    padding: 0 12px;
    margin: 0 10px 10px 0;
    line-height: 26px;
    font-size: 12px;
    background: #f4f5f8;
    border-radius: 15px;
    color: #666;
}
.gui a:hover{
    color:#ff9c00;
}
.gui{
    padding-left: 12px;
    padding-top: 5px;
}
.main-m-r{
    width: 290px;
    height: 217px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
}
.main-m-r h3{
    font-size: 18px;
    line-height: 26px;
    color: #555;
    font-weight: 100;
    padding-left: 30px;
    margin-top: 5px;
    background:url("../img/dianshi.png")no-repeat;
}
.jmd .jm1 a{
    display: block;
    padding-left: 25px;
    background: url("../img/xiaoxing.png")  no-repeat 10px 0px;
    font-size: 14px;
    color: #555;
    line-height: 30px;
}
.jmd .jm1 span{
    margin: 5px 5px 0;
    line-height: 18px;
    color: #58b7f9;
    border: 1px solid transparent;
    font-size: 12px;
    border-radius: 16px;
    overflow: hidden;
    height: 20px;
    padding: 0 5px;
}
.jmy{
    width: 242px;
    border-radius: 10px;
    overflow:hidden;
    margin-left: 20px;
    margin-top: 5px;
}
.jmy-d{
    width: 60px;
    height: 65px;
    text-align: center;
    background: #58b7f9;
    font-size: 13px;
    color: #ffffff;
    padding-top: 13px;
    cursor: pointer;
}
.jm2{
    margin-top: 10px;
}
.main-re{
    margin-top: 40px;
}
.re-le{
    width: 674px;
    height:508px;
    margin-right: 16px;
}
.re-ri{
    width: 290px;
    height:454px;
}
.rl-t h2 ,.rr-t h2{
    font-weight: 400;
    color: #555555;
    cursor: pointer;
    margin-right: 12px;
    margin-left: 8px;
}
.rl-t h2:hover,.rr-t h2:hover{
    color:#ff9c00;
}
.rl-ta a{
    display: block;
    float: left;
    padding: 0 15px;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    background: #fff;
    float: left;
    font-size: 14px;
    color: #555555;
    height: 26px;
    line-height: 24px;
    margin-right: 6px;
}
.rl-ta a:hover{
    color:#ff9c00;
    border: 1px solid #ff9c00;
}
.rl-ta{
    margin-top: 5px;
}
.you-a{
    font-size: 12px;
    color: #555;
    margin-top: 12px;
}
.you-a img{
    padding: 2px;
    margin-top: 1px;
}
.you-a:hover{
    color:#ff9c00;
}
.rl-k{
    width: 674px;
    margin-top: 10px;
}
.rl-k li{
    width: 122px;
    border-radius:8px;
    margin: 0 16px 16px 0;
    height: 219px;
    float: left;
    overflow:hidden ;
    position: relative;
    background: #ffffff;
}
.rl-k li:hover a{
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    height: 183px;
    background: #ffffff;
    opacity: 0.4;
}
.rl-k img,.rl-k div,.rl-k p{
    width: 122px;
    text-align: center;
    font-size: 13px;
}
.rl-k .m0{
    margin: 0;
}
.rl-k p{
    padding-top: 6px;
    color:#555;
    cursor: pointer;
}
.rl-k li:hover p{
    color: #ff9c00;;
}
.rr-k{
    width: 100%;
    height: 100%;
    padding:20px 15px;
    background: #ffffff;
    border-radius: 10px;
    margin-top: 10px;
}
.rr-k1{
    margin-bottom: 15px;
    cursor: pointer;
}
.rrtou{
    position: relative;
    float: left;
    width: 70px;
    height: 70px;
}
.rrtou img{
    width: 100%;
    height: 100%;
    border-radius: 50%;

}
.lian .rl-ta a {
    color: #9f9f9f;
}
.rr-z{
    width: 190px;
}
.rr-z h5{
    line-height: 28px;
    color: #333;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 5px;
}
.rr-z p{
    height: 36px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin-left: 8px;
}
.lian{
    margin-top: 20px;
}
.lian  .rl-t p{
    font-size: 14px;
    margin-top: 11px;
    color: #ff9600;
    margin-right: 10px;
    cursor: pointer;
}
.lian .rl-ta a:hover{
    color: #ff9c00;
}
.lian .rl-t span{
     color: #999
}

.l1-k{
    margin: 12px 16px 20px 0;
    width: 233px;
    border-radius:6px;
    background: #ffffff;
    position: relative;
    float:left;
;
}
.l1-k>img{
    width: 100%;

    cursor: pointer;
}
.lol-p h4{
    height: 20px;
    margin-top: 5px;
    padding: 0 23px 0 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    color: #555555;
    cursor: pointer;
    transition: .4s;
}
.lol-p h4:hover{
    color: #ff9c00;
}
.lol-p a img{
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 8px;
    margin-right: 5px;
}
.lol-p a{
    color: #555;
    font-size: 12px;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 10px;
}
.lol-p span{
    color: #999;
    font-size: 12px;
    line-height: 24px;
    margin-top: 5px;
    margin-right: 8px;
}
.lol-p span a{
    color: #ff9c00;
}
.lol-p i{
    display: inline-block;
    width: 16px;
    height: 12px;
    margin: 1px 2px 0 2px;
    background: url("../img/people.png");
}
.l1-k  .zhan{
    position: absolute;
    height: 130px;
    width: 130px;
    top:0px;
    left: 0%;
    right: 0;
    margin: auto;
    transition: .4s;
    opacity: 0;
}
.l1-k:hover .zhan{
    opacity: 1;
    top: 40px;
    width: 50px;
    height: 50px;
}
.lan{
    position: absolute;
    top: 5px;
    right: 8px;
    color: #ffffff;
    padding: 2px 3px;
    font-size: 12px;
    background: rgba(31,105,255,.8);
    border-radius: 2px;
}
.qian{
    position: absolute;
    top:5px;
    left: 8px;
    background-color: rgba(0,0,0,.4);
    color: #dddddd;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 2px;
}
.pa0{
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0);
}
.li-k{
    margin-right: 0;
}
#tu{
    width: 100%;
    height: 131px;
}
.lol-p .quan{
    float: left;
    margin-top: 5px;
    height: 14px;
    background: url("../img/quan.png") no-repeat;
}
.gf-t li{
    overflow:hidden;
    width:236px;
    border-radius: 5px;
    float: left;
    margin:12px 12px  20px 0;
    cursor: pointer;
}
.gf-t img{
    width: 100%;
    border-radius: 5px;
}
.gf-t .gf-l{
    margin:12px 0px 20px 0px
}
.huod{
    margin-top: 25px;
    margin-bottom: 15px;
}
.huod .you-a{
    margin-top: 16px;
}



/* footer */
footer{
    background: #ffffff;
    padding-top: 25px;
}
.col-4 h6{
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 800;
    color: #7e7e7e;
}
.col-4 li{
    color: grey;
    font-size: 12px;
    margin-bottom:10px;
    cursor: pointer;
}
.col-4 li:hover{
    color: #ff9c00;
}
.fo-zai p,.f-r-tu p{
    font-size: 12px;
    color:#7e7e7e;
}
.fo-zai,.f-r-tu{
    width: 110px;
    text-align:center;
    margin-right: 20px;
}
.fo-jie{
    width: 240px;
}
.fo-jie i{
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.fo-jie .fi1{
    background: url("../img/apple.png") no-repeat;
}
.fo-jie li:hover .fi1{
    background: url("../img/hoverapple.png");
}
.fo-jie li{
    line-height: 24px;
    width: 120px;
    float: left;
}
.fo-jie .fi2{
    background: url("../img/jiqireng.png") no-repeat;
}
.fo-jie li:hover .fi2{
    background: url("../img/andriod_act_44c1a.png");
}
.fo-jie .fi3{
     background: url("../img/tv_2e8ab.png") no-repeat;
 }
.fo-jie li:hover .fi3{
    background: url("../img/tv_act_c8600.png");
}
.fo-jie .fi4{
    background: url("../img/ipad_7a5e8.png") no-repeat;
}
.fo-jie li:hover .fi4{
    background: url("../img/ipad_act_8550a.png");
}
.fo-jie .fi5{
    background: url("../img/pad_31c07.png") no-repeat;
}
.fo-jie li:hover .fi5{
    background: url("../img/pad_act_67d58.png");
}
.fo-jie .fi6{
    background: url("../img/pc_d070b.png");
}
.fo-jie li:hover .fi6{
    background: url("../img/pc_act_8da25.png");
}
.fo-jie .fi7{
    background: url("../img/wp_18e87.png");
}
.fo-jie li:hover .fi7{
    background: url("../img/wp_act_beb78 (1).png");
}
.f-r-ri i{
    display: block;
    width: 24px;
    height:24px;
    margin-right: 5px;
}
.f-r-ri li{
    line-height: 24px;
}
.f-r-ri .im1{
    background: url("../img/sina_3536f.png");
}
.f-r-ri li:hover .im1{
    background: url("../img/sina_act_24cbc.png");
}
.f-r-ri .im2{
    background: url("../img/qieba_65493.png");
}
.f-r-ri li:hover .im2{
    background: url("../img/qieba_act_840f7.png");
}
.foot-top{
    padding-bottom: 40px;
    border-bottom: 1px solid  #f5f5f5;
    margin-bottom: 10px;
}
.hang1{
    text-align: center;
    font-size: 12px;
}
.hang1 div{
    margin: auto;
    width: 730px;
}
.foot-bo li{
    float: left;
    color: grey;
    padding: 0 4px;
    font-size: 12px;
    cursor: pointer;
}
.foot-bo span{
    float: left;
    margin-bottom: 10px;
    color: #4f4f4f;
}
.hang2{
    width: 665px;
    margin: auto;
    margin-bottom: 10px;
}
.hang2 i{
    display: block;
    float: left; 
    width: 20px;
    height: 20px;
    background: url("../img/cnb2.png");
    margin-right: 3px;
}
.foot-bo li:hover{
    color: #ff9c00;
}
.hang3 span{
    font-size: 12px;
}
.hang3{
    width: 420px;
    margin: auto;
}
.hang4 p{
    font-size:12px;
    color:gray;
}
.hang4{
    width: 815px;
    margin: auto;
}
.hang5{
    width: 420px;
    margin: auto;
    margin-top: 10px;
}

.head-le .huan{
    display: none;
}
.head-le .block{
    display:block;
}
.foot-bo{
    padding-bottom: 30px;
}

.dayin a{
    float: right;
    margin-right: 2%;
    height: 28px;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background: #FFA200;
}
.dayin{
    display: none;
    width: 180px;
    position: relative;
}
.dayin span{
    width: 42px;
    height: 28px;
    background: #e0e0e0;
    background-image:url("../img/fangda.png");
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top:15px;
    right: 95px;
    border-radius:14px ;
}

.footer-ji{
    text-align: center;
    width: 100%;
    display: none;
    line-height: 23px;
    font-size: 12px;
    color: #999;
    background: #ffffff;
    padding-bottom: 30px;
    padding-top: 20px;
}
.footer-ji a{
    color: #999999;
}

.ding-ce{
    position: fixed;
    bottom:125px;
    right: 20px;
    background: #ffffff;
    border-radius: 5px;
    z-index: 1111111;
}
.ce-top{
    position: relative;
}
.ce-top img{
    position: absolute;
    top:-72px;
    left: -12px;
    display: block;
}
.liii{
    position: relative;
}
.liii img{
    position: absolute;
    right: -250px;
    top:-70px;
    transition: .4s;
    z-index: 1;
}
.liii div{
    width: 100%;
    height: 100%;
}
.ce-nei li{
    font-size: 12px;
    text-align: center;
    width: 50px;
    height:50px;
    cursor: pointer;
    padding-top: 4px;
}
.ce-nei a{
    color: #999999;
}
.ce-nei span{
    margin: 0 auto;
    display: block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.ce-i1{
    background-image: url("../img/phone_c7341.png");
}
.ce-i3{
    background-image: url("../img/cope_da08f.png");
}

.ce-i2{
    background-image: url("../img/video_86101.png");
}

.ce-i4{
    background-image: url("../img/qa_a8669.png");
}

.ce-i5{
    background-image: url("../img/help_7c38d.png");
}

.ce-i6{
    background-image: url("../img/jb_4da2c.png");
}
.ce-i7{
    background-image: url("../img/top_406e7.png");
}
.ce-nei li:hover a{
    color: #ff9c00;
}
.ce-nei li:hover .ce-i1{
    background-image: url("../img/phone_hover_78d83.png");
}
.ce-nei li:hover .ce-i2{
    background-image: url("../img/video_hover_46364.png");
}
.ce-nei li:hover .ce-i3{
    background-image: url("../img/cope_hover_98f2b.png");
}
.ce-nei li:hover .ce-i4{
    background-image: url("../img/qa_hover_68ad4.png");
}
.ce-nei li:hover .ce-i5{
    background-image: url("../img/help_hover_34f09.png");
}
.ce-nei li:hover .ce-i6{
    background-image: url("../img/jb_hover_e9046.png");
}
.ce-nei li:hover .ce-i7{
    background-image: url("../img/top_hover_a132a.png");
}
.totop{
    display: none;
}
.ji-ce{
    position: fixed;
    bottom: 14em;
    right: 2px;
    display: none;
}
.ji-ce li{
    width: 37px;
    height: 37px;
    text-align: center;
    background: rgba(0,0,0,.7);
    margin-bottom:2px;
    cursor: pointer;
}
.ji-ce span{
    display: block;
    width:35px;
    height:20px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position:center 2px;
    background-size: 18px 18px;
}
.ji-ce p{
    font-size: 12px;
    color: #e0e0e0;
}
.ji-ce .ig1{
     background-image: url("../img/right_side_toTop_d9bf07a.png");
}
.ji-ce .ig2{
    background-image: url("../img/right_sidefree_back_04ebba2.png");
}
.ji-ce .ig3{
    background-image: url("../img/right_side_kaibo_5f006db.png");
}

.foot-bo li a{
    color: grey;
}
.foot-bo li:hover a{
    color: #ff9c00;
}

.souyin{
    overflow: hidden;
    width: 90%;
    height:0px;
    text-align: center;
    outline: none;  
    border: none;
    margin: auto;
    transition: .5s;
}
.souyin input{
    width: 100%;
    line-height: 30px;
    margin-top: 5px;
    border: none;
    border: 1px solid #999;
    padding-left: 5px;
}



@media (max-width:700px) {
    body{
        background-image: none;
    }
    .container{
        width: 100%;
    }
    header{
        display: none;
    }
    nav{
        border-bottom: 1px solid #dae1e2;
    }
    .nav div img{
        margin-left: 10px;
    }
    .nav>div a,.nav>div div{
        display: none;
    }
    nav .you{
        color: #4f4f4f;
    }
    .nav .dayin a{
        display: block;
    }
    .dayin{
        display: block;
        margin-right: 10px;
    }
    .you{
        display: none;
    }
    main{
        width: 100%;
    }
    .main-h-g{
        float: none;
        width: 100%;
        margin-top:10px;
    }
    .ma-h-l-t li{
        display: none;
    }
    .ma-h-l-t img{
        margin-left: 5px;
    }
    .ma-h-l-k{
        width: 100%;
    }
    .col{
        width: 95%;
        height: 180px;
        margin-left: 8px;
    }
    .col p{
        opacity: 1;
        top:5px;
        right: 10px;
    }
    .main-m{
        margin-top: 20px;
    }
    .main-m-z{
        display: none;
    }
    .main-m-r{
        display: none;
    }
    .rl-ta{
        display: none;
    }
    .main-re,.re-le,.rl-k{
        width: 100%;
        height: 100%;
    }
    .rl-k li{
        width: 45%;
        height: 250px;
    }
    .rl-k .m0{
        margin-right: 16px;
    }
    .rl-k img, .rl-k div, .rl-k p{
        width: 100%;
        height: 100%;
    }
    .rl-k ul{
        margin-left: 10px;
    }
    .you-a{
        margin-right: 10px;
    }
    .re-ri {
        width: 95%;
        height: 480px;
        margin-left: 8px;
    }
    .rr-t .you-a{
        margin-right: 0px;
    }
    .lian .rl-t p{
        display: none;
    }
    .rl-t img{
        margin-left: 5px;
    }
    .l1-k{
        margin: 12px 16px 20px 14px;
        width: 92%;
    }
    .gf-t li{
        width: 92%;
        margin-left: 13px;
    }
    .footer-ji{
        display: block;
    }
    .gf-t .gf-l{
        margin-left: 13px;
    }
    footer{
        display: none;
    }
    .main-m-l{
        width: 100%;
        height: 100%;
    }
    .ding-ce{
        display: none;
    }
    .ji-ce{
        display: block;
        z-index: 2222222;
    }
    .ji-ce div{
        display: none;
    }
    .l1-k .zhan,#tu{
        height: 100%;
    }
    .l1-k:hover .zhan {
        opacity: 1;
        top: 70px;
        width: 50px;
        height: 50px;
    }
}
